<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>机构</title>
    <style>
    text{
        
        font-family: 微软雅黑;
    }

    body{
        background-color: #f2f2f2;
    }

    .container{
        height: 700px;
        width: 1000px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 3em;
        flex-grow: 1;
        flex-wrap: wrap;
        padding: 0 40px;
        border-top:rgb(197, 36, 44) dashed;
        margin-top: 50px;
        margin-left: auto;
        margin-right: auto;
        padding-top: 50px;
        box-shadow: 3px 3px 9px #818181 ;
        border-radius: 10px;
        background-color: white;
    }

    .xiang{
        height: 700px;
        width: 1080px;
        display: flex;
        margin-top: 50px;
        margin-left: auto;
        margin-right: auto;
        padding-top: 50px;
        border-top:rgb(197, 36, 44) dashed;
        box-shadow: 3px 3px 9px #818181 ;
        border-radius: 10px;
        background-color: white;
        
    }

    .div1, .div2, .div3,.div4{
        width: 18em;
        height: 16em;
        background-color: #eceaea;
        padding: 10px 30px;
        border-radius: 10px;
        box-shadow: 3px 3px 9px #818181;
        margin-bottom: 40px;
    }

    img{
        width: 500px;
        height: 300px;
    }
    
    .left{
        widows: 65px;
        padding: 20px;
    }

    .right{
        width:80%;
        height: 180px;
        box-sizing: border-box;
        padding: 52px;
    }

    .left>img{
        display: block;
        object-fit: cover;
    }

    @media(max-width:1200px){
        .container{
            height: 100%;
            flex-direction: column;
        }
        .div1,.div2,.div3{
            max-width: 80%;
            padding: 30px;
        }
    }

    a{
        text-decoration: none;
        color:black;
    }

    a:hover{
        color: rgb(177, 34, 41);
    }

    .t{
        width: 130px;
        height: 25px;
        font-size: 19px;
        color: white;
        background-color: rgb(177, 34, 41);
        text-align: center;
    }

    .e{
        font-size: 17px;
    }

    .ti{
        text-shadow:2px 2px 4px #818181;
        color: rgb(197, 36, 44);
        text-align: center;
    }

    .z{
        color: #696868;
    }

    .y{
        border-top:rgb(174, 174, 174) dashed;
        font-size: 1.5em;
    }

    </style>
</head>
<body>
    <a href=""><p>首页</p></a>
    <div>
            <h1 class="ti">机构</h1>
        </div>
    <div class="container">
        <div class="div1">
            <div class="t">
                <p>行政机构</p>
            </div>
            <a href="https://www.mct.gov.cn/"><p class="e">中华人民共和国文化旅游部</p></a>
            <p class="z">中华人民共和国文化和旅游部是国务院组成部门，为正部级。 文化和旅游部的主要职责是...</p>
        </div>
        <div class="div2">
            <div class="t">
                <p>部际联席会议</p>
            </div>
            <a href="https://www.ihchina.cn/jigou_desc_details/24624.html"><p class="e">非物质文化遗产保护工作部际联席会议制度</p></a>
            <p class="z">非物质文化遗产保护工作部际联席会议制度 为贯彻落实党中央、国务院有关决策部署...</p>
        </div>
        <div class="div3">
            <div class="t">
                <p>专业机构</p>
            </div>
            <a href="https://www.ihchina.cn/jigou_desc_details/175.html"><p class="e">中国非物质文化遗产保护中心</p></a>
            <p class="z">中国非物质文化遗产保护中心是经中央机构编制委员会办公室批准，于2006年9月26日由原文化部...</p>
        </div>
        <div class="div4">
            <div class="t">
                <p>国际组织</p>
            </div>
            <a href="https://www.ihchina.cn/jigou_desc_details/6938.html"><p class="e">联合国教科文组织</p></a>
            <p class="z">联合国教育、科学与文化组织（以下简称“教科文组织”）成立于1945年11月6日，拥有195个...</p>
        </div>
    </div>
    <br>
    <h1 class="ti">焦点新闻</h1>
    <div class="xiang">
        
        <div class="left">
            <img src="./文化1.jpg" alt="">
            <br>
            <img src="./文化2.jpg" alt="">
        </div>
        <div class="right">
            <a href=""><p class="y">• 文化和旅游部五一假期出游提示（二）</p></a>
            <a href=""><p class="y">• 文化和旅游部部长会见美国驻华大使</p></a>
            <a href=""><p class="y">•2024年“文明旅游 美中国”全国首发站</p></a>
            <a href=""><p class="y">• 文化和旅游部副部长会见中国国民党民意代表</p></a>
            <br><br>
            <a href=""><p class="y">•促进澳门“以中华文化为主流、多元文化共存⋯</p></a>
            <a href=""><p class="y">•中国一巴西高层协调与合作委员会第七次会议…</p></a>
            <a href=""><p class="y">•“岁时节令 自在乡村”82条精品线路开启“乡…</p></a>
        </div>
    </div>
</body>
</html>